<template>
    <div class="lianxi">
        <header>
        	<img v-bind:src="imga"/>
        </header>
        <nav>
          <ul>
            <li v-for="info in infos">
              {{info.text1}}
            </li>
          </ul>
        </nav>
        <div class="one" v-for="like in likes">
          <span><img v-bind:src="like.imgb"/></span>
          <span>{{like.text2}}</span>
          <span>{{like.text3}} | <img v-bind:src="like.imgc"/> {{like.text4}} <img v-bind:src="like.imgd"/> {{like.text5}}</span>
        </div>
    </div>
</template>

<script>
export default {
  name: 'lianxi',
  data () {
    return {
    	imga:"../static/img/header.png",
      infos:[
        {
          text1:"最新",
        },
        {
          text1:"热门",
        },
        {
          text1:"礼物",
        },
        {
          text1:"美食",
        },
        {
          text1:"生活",
        },
        {
          text1:"设计感",
        },
      ],
      likes:[
        {
          imgb:"../static/img/shouye1.png",
          text2:"你毕业旅行路上的男朋友",
          text3:"小继军",
          text4:"3768",
          text5:"225",
          imgc:"../static/img/shouye_biaoti.png",
          imgd:"../static/img/shouye_xin.png",
        },
        {
          imgb:"../static/img/shouye2.png",
          text2:"讨好你大厨的朋友的清单",
          text3:"小继军",
          text4:"3768",
          text5:"225",
          imgc:"../static/img/shouye_biaoti.png",
          imgd:"../static/img/shouye_xin.png",
        },
        {
          imgb:"../static/img/shouye3.png",
          text2:"逛好利来绝对不能错过的超人气单品",
          text3:"小继军",
          text4:"3768",
          text5:"225",
          imgc:"../static/img/shouye_biaoti.png",
          imgd:"../static/img/shouye_xin.png",
        },
        {
          imgb:"../static/img/shouye4.png",
          text2:"多姿多彩的防尘塞，让手机更美丽",
          text3:"小继军",
          text4:"3768",
          text5:"225",
          imgc:"../static/img/shouye_biaoti.png",
          imgd:"../static/img/shouye_xin.png",
        },
        {
          imgb:"../static/img/shouye5.png",
          text2:"多姿多彩的防尘塞，让手机更美丽",
          text3:"小继军",
          text4:"3768",
          text5:"225",
          imgc:"../static/img/shouye_biaoti.png",
          imgd:"../static/img/shouye_xin.png",
        },
      ],
    }
  }
}
</script>


<style scoped lang="less">
 @import url(../assets/less/shouye.less);
</style>
